<template>
  <div class="rules-container">
    <div class="rules-header">
      <h2>驳回规则</h2>
    </div>

    <div class="rules-content">
      <div class="section">
        <h3 class="section-title">材料不完整驳回标准</h3>
        <ul>
          <li>缺少身份证正反面任一扫描件</li>
          <li>教师资格证扫描件不清晰或信息不全</li>
          <li>体检报告超过有效期（3个月）</li>
          <li>监考承诺书未签字或签字与姓名不符</li>
          <li>材料格式不符合要求（如非指定格式）</li>
        </ul>
      </div>

      <div class="section">
        <h3 class="section-title">信息错误驳回标准</h3>
        <ul>
          <li>工号与人事系统记录不一致</li>
          <li>姓名与身份证信息不符</li>
          <li>联系方式无效或无法接通</li>
          <li>校区选择与实际工作校区不符</li>
          <li>报名时间不在监考批次开放时段内</li>
        </ul>
      </div>

      <div class="section">
        <h3 class="section-title">请假处理原则</h3>
        <ul>
          <li>监考任务确定后原则上不得请假</li>
          <li>病假需提前48小时提交三甲医院证明</li>
          <li>事假需提前72小时书面申请，经研工办主任审批</li>
          <li>紧急情况需在监考开始前2小时报备</li>
          <li>同一学期请假超过2次，暂停下一学期监考资格</li>
        </ul>
      </div>

      <div class="section">
        <h3 class="section-title">监考行为规范</h3>
        <ul>
          <li>监考期间手机必须关机并统一存放</li>
          <li>不得在考场内阅读书报、批改作业</li>
          <li>发现作弊行为需按规程处理并记录</li>
          <li>考试开始30分钟后不得允许考生入场</li>
          <li>考试结束前30分钟内不得允许考生离场</li>
        </ul>
      </div>

      <div class="section">
        <h3 class="section-title">主任工作准则</h3>
        <ul>
          <li>所有驳回决定需双人复核确认</li>
          <li>驳回通知需在48小时内发送给申请人</li>
          <li>建立驳回台账，详细记录驳回原因</li>
          <li>每月分析驳回数据，优化审核流程</li>
          <li>敏感驳回决定（如体检问题）需加密处理</li>
        </ul>
      </div>

      <div class="section">
        <h3 class="section-title">申诉处理流程</h3>
        <ul>
          <li>教师可在收到驳回通知后3个工作日内申诉</li>
          <li>申诉材料需通过OA系统提交</li>
          <li>研工办需在5个工作日内组织复核</li>
          <li>复核小组由3人组成（含1名教师代表）</li>
          <li>最终决定需在复核后3个工作日内通知申请人</li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
// 逻辑代码可以留空或添加特定功能
</script>

<style scoped>
.rules-container {
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  padding: 25px;
}

.rules-header {
  padding-bottom: 20px;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 25px;
}

.rules-header h2 {
  margin: 0;
  color: #1a2b4b;
  font-size: 22px;
  font-weight: 600;
}

.section {
  margin-bottom: 30px;
  padding: 20px;
  background-color: #f8fafc;
  border-radius: 6px;
  border-left: 4px solid #c53030;
}

.section-title {
  color: #1a2b4b;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #cbd5e1;
}

.section ul {
  padding-left: 20px;
  margin: 0;
}

.section li {
  margin-bottom: 12px;
  line-height: 1.6;
  color: #334155;
  position: relative;
  padding-left: 15px;
}

.section li:before {
  content: "•";
  color: #c53030;
  font-weight: bold;
  position: absolute;
  left: 0;
}
</style>